
<!-- We don't need full layout here, because this page will be parsed with Ajax-->
<!-- Top Navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <!--<div class="left"><a href="#" class="back link"> <i class="fa fa-2 fa-angle-left"></i></a></div>-->
        <div class="left"><a href="#" class="link back"> <i class="ion-ios-arrow-left"></i><span>返回</span></a></div>
        <div class="center sliding">消息来源</div>
        <!--<div class="right">-->
        <!--<a href="#" class="link icon-only open-panel" data-panel="right"><i class="fa fa-filter"></i></a>-->
        <!--</div>-->
    </div>
</div>
<div class="pages">
    <!-- Page, data-page contains page name-->
    <div data-page="messageContent" class="page navbar-fixed toolbar-fixed no-tabbar">
        <!-- Scrollable page content-->
        <div class="toolbar messagebar">
            <div class="toolbar-inner">
                <textarea placeholder="输入消息" class=""></textarea><a href="#" class="link">发送</a>
            </div>
        </div>
        <div class="page-content messages-content my_messages-content">
            <div class="messages">
                <div class="messages-date">Sunday, Feb 9 <span>12:58</span></div>
                <div class="message message-sent">
                    <div class="message-text">Hello</div>
                </div>
                <div class="message message-sent">
                    <div class="message-text">How are you?</div>
                </div>
                <div class="message message-received">
                    <div class="message-name">Kate</div>
                    <div class="message-text">I am fine, thanks</div>
                    <div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-9.jpg)" class="message-avatar"></div>
                </div>
                <div class="messages-date">Sunday, Feb 3 <span>11:58</span></div>
                <div class="message message-sent">
                    <div class="message-text">Nice photo?</div>
                </div>
                <div class="message message-sent message-pic">
                    <div class="message-text"><img src="http://lorempixel.com/300/300/"></div>
                    <div class="message-label">Delivered</div>
                </div>
                <div class="message message-received">
                    <div class="message-name">Kate</div>
                    <div class="message-text">Wow, awesome!</div>
                    <div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-9.jpg)" class="message-avatar"></div>
                </div>
            </div>
        </div>


    </div>
</div>
